// Tailwind css文件
@tailwind base;
@tailwind components;
@tailwind utilities;
// 重置样式
@import './reset.less';
// -------  低于1280 出滚动条
/* 媒体查询 */
@media (max-width: 1280px) {
  body {
    min-width: 1280px; /* 设置最小宽度为1280px */
    overflow-x: auto; /* 允许水平滚动 */
  }
}
/* 滚动条样式 */
::-webkit-scrollbar {
  width: 6px; /* 设置滚动条的宽度 */
  height: 6px; /* 横向滚动条的高度 */
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
  border-radius: 10px; /* 滚动条的背景区域的圆角 */
  -webkit-box-shadow: inset 0 0 6px rgba(238, 238, 238, 0.3);
  background-color: transparent; /* 滚动条的背景颜色 */
}
/* 滚动条的滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px; /* 滚动条的圆角 */
  background-color: rgba(145, 143, 143, 0.3); /* 滚动条的背景颜色 */
}
/* 当鼠标悬停在滑块上 */
::-webkit-scrollbar-thumb:hover {
  background: rgba(145, 143, 143, 0.3); /* 设置滑块在悬停状态下的背景颜色 */
}
// 全局字体颜色配置，
// body {
//   color: red;
// }
